let tab=document.querySelector('.tab')
let lis=tab.querySelectorAll('li')
let ltems=document.querySelectorAll('.ltem');
for(var i=0;i<lis.length;i++){
    lis[i].setAttribute('index',i)
    lis[i].onclick=function(){
        for(var i=0;i<lis.length;i++){
            lis[i].className=''
        }
        this.className='current'

       let index= this.getAttribute('index');
       for(var i=0;i<ltems.length;i++){
           ltems[i].style.display='none';
       }
        ltems[index].style.display='block';
    }
}